﻿<%@ page title="" language="C#" masterpagefile="~/master/amc_app.master" autoeventwireup="true" inherits="pages_dashboard, App_Web_pzmkbaed" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script src="../_scripts/app/dashboard.js" type="text/javascript"></script>
    <link href="../App_Themes/main/PredSrhChgLoc.css" rel="stylesheet" type="text/css" />
    <script src="../_scripts/app/predictiveSearch.js" type="text/javascript"></script>
    <script src="../_scripts/app/addcustomer.js" type="text/javascript"></script>
    <script src="../_scripts/app/search.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<div class="dashboardContainer">
    <div class="dashbpardContainerLeft">
        <div class="dashboardSearchWrap">
            <div class="dashboardSearchHeader">
                <div>
                    <span class="dashboardSearchText">
                        SEARCH BY
                    </span>
                    <span id="tabCustomer" class="tabItemSelected" onclick="SearchByCustomer(this);">
                        <a>Customer Info</a>
                    </span>
                    <span class="dashboardSearchSpacer">&nbsp;</span>
                    <span id="tabAMC" class="dashboardSearchTabsGray" onclick="searchByAMC(this);">
                        <a>AMC Bill Info</a>
                    </span>
                </div>
            </div>
            <div class="dashboardSearchContainer">
                <div class="dashboardSearchContentContainer">
                    <div class="dashboardSearchContentLeft">
                        <div id="divSearchCustomerInfo" class="dashboardSearchForm">
                            <div class="dashboardSearchFormDiv1">
                                <span class="dashboardSearchFormSpan">Customer ID</span>
                                <div class="dashboardSearchFormInputDiv">
                                    <input id="txtSearchCusID" type="text" class="dashboardSearchFormInput" />
                                </div>
                            </div>
                            <div class="dashboardSearchFormDiv2">
                                <span class="dashboardSearchFormSpan">Customer Name</span>
                                <div class="dashboardSearchFormInputDiv">
                                    <input id="txtSearchCusNme" type="text" class="dashboardSearchFormInput" value="Type Customer Name" maxlength="200" />
                                </div>
                            </div>
                            <div class="dashboardSearchFormDiv2">
                                <span class="dashboardSearchFormSpan">Mobile Number</span>
                                <div class="dashboardSearchFormInputDiv">
                                    <input id="txtSearchCusMobile" type="text" class="dashboardSearchFormInput" />
                                </div>
                            </div>
                            <div class="dashboardSearchFormButtonDiv">
                                <div id="btnSearchCus" class="adminColorButton" onclick="fnSearchCusInfo();">Search</div>
                            </div>
                        </div>
                        <div id="divSearchAMCInfo" class="dashboardSearchForm">
                            <div class="dashboardSearchFormDiv1">
                                <span class="dashboardSearchFormSpan">AMC Invoice</span>
                                <div class="dashboardSearchFormInputDiv">
                                    <input id="txtSearchInvoiceID" type="text" class="dashboardSearchFormInput" />
                                </div>
                            </div>
                            <div class="dashboardSearchFormDiv2">
                                <span class="dashboardSearchFormSpan">Email ID</span>
                                <div class="dashboardSearchFormInputDiv">
                                    <input id="txtSearchCusMail" type="text" class="dashboardSearchFormInput" />
                                </div>
                            </div>
                            <div class="dashboardSearchFormButtonDiv">
                                <div id="btnSearchInvoice" class="adminColorButton" onclick="fnSearchAMCDetails();">Search</div>
                            </div>
                        </div>
                    </div>
                    <div class="dashboardSearchContentRight">
                        <div class="dashboardSearchLeftImage">
                            <img src="../App_Themes/main/images/12527.png" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pendingCaseGridContainer">
            <div class="pendingCaseGridContainerDiv">
                <div class="pendingCaseGridHeader">
                    <div class="dashboardAlertImage">
                    <img src="../App_Themes/main/images/pending.png" />
                    </div>
                    <span class="dashboardAlertText">Pending Cases</span>
                </div>
                <div class="pendingCaseGridTblHeader">
                    <span class="pendingCaseGridTblText">Customer ID</span>
                    <span class="pendingCaseGridTblText">Customer Name</span>
                    <span class="pendingCaseGridTblText">Work Assigned To</span>
                </div>
                <div class="pendingCaseRepeaterDiv">
                    <ul>
                        <li class="pendingCaseRepeaterDivlist">
                            <span class="pendingCaseRepeaterText">698541</span>
                            <span class="pendingCaseRepeaterText">Dipin Kumar</span>
                            <span class="pendingCaseRepeaterText">Suresh Kumar</span>
                        </li>
                        <li class="pendingCaseRepeaterDivlist">
                            <span class="pendingCaseRepeaterText">698541</span>
                            <span class="pendingCaseRepeaterText">Dipin Kumar</span>
                            <span class="pendingCaseRepeaterText">Suresh Kumar</span>
                        </li>
                        <li class="pendingCaseRepeaterDivlist">
                            <span class="pendingCaseRepeaterText">698541</span>
                            <span class="pendingCaseRepeaterText">Dipin Kumar</span>
                            <span class="pendingCaseRepeaterText">Suresh Kumar</span>
                        </li>
                        <li class="pendingCaseRepeaterDivlist">
                            <span class="pendingCaseRepeaterText">698541</span>
                            <span class="pendingCaseRepeaterText">Dipin Kumar</span>
                            <span class="pendingCaseRepeaterText">Suresh Kumar</span>
                        </li>
                        <li class="pendingCaseRepeaterDivlist">
                            <span class="pendingCaseRepeaterText">698541</span>
                            <span class="pendingCaseRepeaterText">Dipin Kumar</span>
                            <span class="pendingCaseRepeaterText">Suresh Kumar</span>
                        </li>
                        <li class="pendingCaseRepeaterDivlist">
                            <span class="pendingCaseRepeaterText">698541</span>
                            <span class="pendingCaseRepeaterText">Dipin Kumar</span>
                            <span class="pendingCaseRepeaterText">Suresh Kumar</span>
                        </li>
                        <li class="pendingCaseRepeaterDivlist">
                            <span class="pendingCaseRepeaterText">698541</span>
                            <span class="pendingCaseRepeaterText">Dipin Kumar</span>
                            <span class="pendingCaseRepeaterText">Suresh Kumar</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="dashboardRightContainer">
        <div class="dashboardRightAlertContainer">
            <div class="dashboardRightAlertHeader">
                <div class="dashboardAlertImage">
                    <img src="../App_Themes/main/images/alarm.png" />
                </div>
                <div class="dashboardAlertText">
                    Expiring Soon!
                </div>
            </div>
            <div class="dashboardAlertRepeaterHeader">
                <span class="dashboardAlertRepeaterHeaderText">Customer Name</span>
                <span class="dashboardAlertRepeaterHeaderText">Phone</span>
                <span class="dashboardAlertRepeaterHeaderText">Expires in</span>
            </div>
            <div class="dashboardAlertRepeaterDiv">
                <ul>
                    <li class="dashboardAlertList">
                        <span class="dashboardAlertRptrText">Dipin Kumar</span>
                        <span class="dashboardAlertRptrText">9446208000</span>
                        <span class="dashboardAlertRptrText">1 Day</span>
                    </li>
                    <li class="dashboardAlertList">
                        <span class="dashboardAlertRptrText">Dipin Kumar</span>
                        <span class="dashboardAlertRptrText">9446208000</span>
                        <span class="dashboardAlertRptrText">1 Day</span>
                    </li>
                    <li class="dashboardAlertList">
                        <span class="dashboardAlertRptrText">Dipin Kumar</span>
                        <span class="dashboardAlertRptrText">9446208000</span>
                        <span class="dashboardAlertRptrText">1 Day</span>
                    </li>
                    <li class="dashboardAlertList">
                        <span class="dashboardAlertRptrText">Dipin Kumar</span>
                        <span class="dashboardAlertRptrText">9446208000</span>
                        <span class="dashboardAlertRptrText">1 Day</span>
                    </li>
                    <li class="dashboardAlertList">
                        <span class="dashboardAlertRptrText">Dipin Kumar</span>
                        <span class="dashboardAlertRptrText">9446208000</span>
                        <span class="dashboardAlertRptrText">1 Day</span>
                    </li>
                    <li class="dashboardAlertList">
                        <span class="dashboardAlertRptrText">Dipin Kumar</span>
                        <span class="dashboardAlertRptrText">9446208000</span>
                        <span class="dashboardAlertRptrText">1 Day</span>
                    </li>
                    <li class="dashboardAlertList">
                        <span class="dashboardAlertRptrText">Dipin Kumar</span>
                        <span class="dashboardAlertRptrText">9446208000</span>
                        <span class="dashboardAlertRptrText">1 Day</span>
                    </li>
                    <li class="dashboardAlertList">
                        <span class="dashboardAlertRptrText">Dipin Kumar</span>
                        <span class="dashboardAlertRptrText">9446208000</span>
                        <span class="dashboardAlertRptrText">1 Day</span>
                    </li>
                </ul>
            </div>
            <div class="dashboardReportContainer">
                <div class="dashboardReportHeader">
                    <div class="dashboardAlertImage">
                        <img src="../App_Themes/main/images/report.png" />
                    </div>
                    <div class="dashboardAlertText">
                        Generate Reports
                    </div>
                </div>
                <div class="dashboardReportDiv">
                    <div class="dashboardRbtnDiv">
                        <div class="dashboardRbtnCap">
                            By
                        </div>
                        <div class="dashboardRbtnInputDiv">
                        <input class="dashboardRbtn" id="rbtnDate" type="radio" name="reportBy" value="0" checked="checked" />
                        <label class="dashboardRbtnLabel" for="rbtnDate">Date</label>
                        <input class="dashboardRbtn" id="rbtnCustomerID" type="radio" name="reportBy" value="1" />
                        <label class="dashboardRbtnLabel" for="rbtnCustomerID">Customer ID</label>
                        <input class="dashboardRbtn" id="rbtnAMCInvoice" type="radio" name="reportBy" value="2" />
                        <label class="dashboardRbtnLabel" for="rbtnAMCInvoice">AMC Invoice</label>
                        </div>
                    </div>
                    <div id="reportByDate" class="dashboardReportTextboxDiv">
                        <span class="dashboardReportSpan">From</span>
                        <input id="from" type="text" class="dashboardReportTextbox" />
                        <span class="dashboardReportSpan">To</span>
                        <input id="to" type="text" class="dashboardReportTextbox" />
                    </div>
                    <div id="reportByCustomerID" style="display:none;" class="dashboardReportTextboxDiv">
                        <span class="dashboardReportSpan">Customer ID</span>
                        <input id="txtCustomerID" type="text" class="dashboardReportTextbox2" />
                    </div>
                    <div id="reportByAMCInvoice" style="display:none;" class="dashboardReportTextboxDiv">
                        <span class="dashboardReportSpan">Invoice No</span>
                        <input id="txtAMCInvoice" type="text" class="dashboardReportTextbox2" />
                    </div>
                    <div class="dashboardReportButtonDiv">
                        <div class="adminColorButton">Generate Report</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('#divSearchBillInfo').hide();
        $('#divSearchAMCInfo').hide();
        $('.placeholderMenuItem_Clicked').removeClass('placeholderMenuItem_Clicked');
        $('#menuDashboard').attr('class', 'placeholderMenuItem_Clicked');
    });
    $(window).unload(function () {
        $(':input', '#formCustomerInfo')
 .not(':button, :submit, :reset, :hidden')
 .val('')
    });
</script>
</asp:Content>

